<template>
  <section class="top dataprocess" id="details" v-loading="loading">
    <!--banner-->
    <div class="plan_banner report" v-if="preview" :style="{
      background: 'url('+preview.productImg+') right no-repeat',
      backgroundSize: 'cover'}">
      <div class="main-width cl">
        <div class="plan_text details_text ">
          <h4 class="details_title  slideInUp animated">{{preview.productName}}</h4>
          <p class=" slideInUp animated">{{preview.productSlogan}}</p>
          <a href="javascript:;" class="btn">{{preview.btn}}</a>
        </div>
      </div>
    </div>
    <div style="background: rgb(239, 248, 255)">
      <div class="title">强大的数据集算功能</div>
      <div class="list clearfix">
        <div class="items" v-for="items in list">
          <span>{{items.title}}</span>
          <p>{{items.content}}</p>
        </div>
      </div>
    </div>
    <div class="main">
      <div class="title" style="color: rgb(53, 158, 226);">数据集算架构</div>
      <div class="tips">使用集算工具将数据数据进行清洗、转换、集成，最后加载到数据仓库</div>
      <img src="@/assets/img/daping/js_jiagoutu.png" alt="">
    </div>
    <!--每个功能点，都是精雕细琢-->
    <section class="serviced_made mt-40"
             :style="{
          backgroundImage: 'url('+baobiaobg+')',
          backgroundRepeat: 'no-repeat',
          backgroundPosition: 'center center',
          backgroundSize: '120% 100%'}">
      <div class="made_container pt-40 pb-30 introduce-wary">
        <h2 class="fwei-nor f30 text-c" style="color: rgb(53, 158, 226)">每个功能点，都是精雕细琢</h2>
        <h2 class="fwei-nor f16 text-c mt-10" style="color: black">十年沉淀，行业精选，一切都从用户实际需求出发，到用户实际应用中去</h2>
        <ul class="mt-40 cl" style="padding: 0 2rem">
          <li v-for="item in functionData" class="introduce-item flex">
            <img v-lazy="item.icon" :key="item.icon" style="height: 63px;width: auto"/>
            <div class="cell">
              <p class="introduce-title" v-text="item.title"></p>
              <p v-for="child in item.content" >{{child}}</p>
            </div>
          </li>
        </ul>
      </div>
    </section>
    <Footer @goDetails="goDetails"/>
  </section>
</template>

<script>
  import '@/assets/css/report.css'
  import '@/assets/css/daping.css'
  import indexJs from "./indexJs";
export default indexJs
</script>

<style scoped>

</style>
